<script setup lang="ts">
import { RouterLink, RouterView } from "vue-router";
</script>

<template>
  <div>
    <nav>
      <RouterLink to="/">Home</RouterLink>
      <RouterLink to="/about">todoList</RouterLink>
    </nav>
    <RouterView />
  </div>
</template>

<style scoped>
nav {
  width: 100%;
  height: 50px;
  background-color: pink;
  box-shadow: -1px 2px 11px gray;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
</style>
